iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0
SideProject30

Hugo your Blog and Host your Podcast. 系列 第 4

HUGO intro / Huge needs a friend.

  • 分享至 

  • xImage
  •  

有一隻可愛的吉祥物是很重要的

https://ithelp.ithome.com.tw/upload/images/20230919/20152944sUzaIcx5Ja.png

  • Hugo 是以 golang 開發的靜態網站產生器,可以把 markdown 轉換成 html,並且可以自訂主題(或是使用大神們建立好的主題)
  • Gopher 是 golang 的 mascot,Hugo 的 logo 也是一隻 Gopher,Gopher 很可愛,請友善對待 Gopher

該怎麼做

brew install hugo 
hugo new site hugo-website-name
cd hugo-website-name
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
echo "theme = 'ananke'" >> hugo.toml
hugo server
  • 執行完 hugo server 時,hugo 會啟動一個 web server,並且監聽 1313 port(或是其他 terminal 顯示的 port),可以在瀏覽器輸入 http://localhost:1313/ 看到以 ananke 為主題的預設網站
    https://ithelp.ithome.com.tw/upload/images/20230919/20152944qAiRME8mCF.png
  • 可以按照提示步驟,新增 content 內容,再重新執行 hugo server,能看到新增的內容出現

其他延伸

  • 今天最困難的步驟就是挑選一個喜歡的主題 https://themes.gohugo.io/
  • 本此鐵人賽會以預設主題為例,請找到自己喜歡的主題吧~

上一篇
AWS S3 / Bucket can host!
下一篇
Markdown intro / Choose Life, Choose Markdown.
系列文
Hugo your Blog and Host your Podcast. 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言